<link rel="stylesheet" href="<?php echo base_url() .'public/' ?>/thirdParty/h5/animate.css-master/animate.min.css" />
<script src="<?=base_url()?>public/app/h5/indexCtrl.js?v=<?php echo time()?>"></script>
<link rel="stylesheet" href="<?php echo base_url() .'public/' ?>/css/h5animate.css?v=<?php echo time()?>" />

<div class="content">
    <input type="hidden" id="hiddenCurrentIndex" value="0"/>
    <input type="hidden" id="hiddenMax" value="5"/>

    <img src="<?php echo base_url() .'public/' ?>images/arrow-down.png" class="animated infinite bounce delay-2s arrow-down" />

    <img src="<?php echo base_url() .'public/' ?>images/arrow-left.png" class="animated infinite pulse delay-2s arrow-left" style="display:none;"/>
    <img src="<?php echo base_url() .'public/' ?>images/arrow-right.png" class="animated infinite pulse delay-2s arrow-right" style="display:none;" />

    <div>
        <div class="back-x" data-index="0">
            <img src="<?php echo base_url() .'public/' ?>images/img1.png"/>
            <div class="ani-text-box-0">
                <span class="ani-text" text-index="0">最令人怀恋的是&nbsp;&nbsp;&nbsp;上一代</span>
                <br />
                <span class="ani-text" text-index="1">最值得拥有的事&nbsp;&nbsp;&nbsp;</span>
                <span class="ani-text" text-index="2" style="font-size:20px;position:relative;top:10px;">这一代</span>
                <br />
                <span class="ani-text" text-index="3">最好的永远是&nbsp;&nbsp;&nbsp;下一代</span>
            </div>
        </div>
        <div class="back-x" data-index="1" data-hor-index="0">
            <img src="<?php echo base_url() .'public/' ?>images/img2.png"/>
            <div class="ani-text-box-1">
                <span>初生即</span>
                <span class="chuangqi">传奇</span>
                <br />
                <span>极具开拓精神的时代旗帜，</span>
                <br />
                <span>奉驾驶为信仰的开山之作，</span>
                <br />
                <span>出道摘得世界最佳头衔，令超过一百万驾驶者狂热的</span>
                <br />
                <span>运动型豪华轿车，这一切早已先与对手 18 年实现。</span>
            </div>
        </div>
        <div class="back-x" data-hor-index="1">
            <img src="<?php echo base_url() .'public/' ?>images/img2-2.png" />
        </div>
        <div class="back-x" data-hor-index="2">
            <img src="<?php echo base_url() .'public/' ?>images/img2-3.png" />
        </div>
        <div class="back-x" data-index="2">
            <img src="<?php echo base_url() .'public/' ?>images/img3.png"/>
            <div class="ani-text-box-2">
                <span class="txt-common" data-type="common">NEXT LEVEL OF WELLBEING</span>
                <br />
                <span class="txt-blue" data-type="common">每一代都值得期待</span>
                <span class="txt-common" data-type="common">2019</span>
                <br />
                <span class="txt-blue font-24" data-type="common">运动</span>
                <span class="txt-common" data-type="common">超控驾驭</span>
                <br />
                <span class="txt-left-1" data-type="left">全新一代设计语言</span>
                <span class="txt-blue" data-type="common">创新</span>
                <br />
                <span class="txt-blue font-24" data-type="common">44</span>
                <span class="txt-common" data-type="common">年销售</span>
                <span class="txt-blue font-24" data-type="common">1550万辆</span>
                <br />
                <span class="txt-common" data-type="common">人生总绕不开一辆BMW3系</span>
            </div>
        </div>
        <div class="back-x" data-index="3">
            <img src="<?php echo base_url() .'public/' ?>images/img4.png" />
            <div class="ani-text-box-3">
                <img src="<?php echo base_url() .'public/' ?>images/4-1.png" img-index="0"/>
                <img src="<?php echo base_url() .'public/' ?>images/4-2.png" img-index="1" />
                <img src="<?php echo base_url() .'public/' ?>images/4-3.png" img-index="2" />
                <img id="imgBaoming" src="<?php echo base_url() .'public/' ?>images/4-4.png" img-index="3" style="width:140px;cursor:pointer;" />
            </div>
        </div>  

        <div class="back-x" data-index="4">
            <img src="<?php echo base_url() .'public/' ?>images/img5.png" />
            <div class="ani-text-box-4">
                <img class="arrow-index-0" src="<?php echo base_url() .'public/' ?>images/5-1.png" />
                <br />
                <table class="arrow-index-1">
                    <tr>
                        <td>姓名</td>
                        <td>
                            <input type="text" style="color:black;"/>
                        </td>
                    </tr>
                    <tr>
                        <td>电话</td>
                        <td>
                            <input type="text" style="color:black;"/>
                        </td>
                    </tr>
                </table>
                <div style="text-align:center;">
                    <img src="<?php echo base_url() .'public/' ?>images/5-2.png" class="arrow-index-2" />
                </div>
            </div>
        </div>
    </div>

    <img src="<?php echo base_url() .'public/' ?>images/video-pause.png" class="video-pause"/>
    <img src="<?php echo base_url() .'public/' ?>images/video-play.png" class="video-play" style="display:none;"/>

    <audio controls="controls" id="audioPlayer" style="display:none;">
        <source src="<?php echo base_url() .'public/audio/5d10e44de49bc6413d7ae82a.mp3' ?>" type="audio/mpeg">
    </audio>

</div>